<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小米商城 - Xiaomi 15、REDMI K80、MIX Fold4、小米电视官方网站</title>
    <link rel="icon" href="images/favicon.ico"/>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/iconfont.css"/>
    <link rel="stylesheet" href="css/05mi.css"/>
</head>
</body>
<!--黑色导航条开始-->
<div class="black_nav">
    <div class="wrap">
        <ul class="left_ul">
            <li><a href="#">小米官网</a><span>|</span></li>
            <li><a href="#">小米商城</a><span>|</span></li>
            <li><a href="#">小米澎湃OS</a><span>|</span></li>
            <li><a href="#">小米汽车</a><span>|</span></li>
            <li><a href="#">IoT</a><span>|</span></li>
            <li><a href="#">云服务</a><span>|</span></li>
            <li><a href="#">有品</a><span>|</span></li>
            <li><a href="#">小爱开放平台</a><span>|</span></li>
            <li><a href="#">资质证照</a><span>|</span></li>
            <li><a href="#">协议规则</a><span>|</span></li>
            <li><a href="#">下载app</a><span>|</span></li>
            <li><a href="#">Select Location</a></li>
        </ul>
        <ul class="right_ul">
            <li><a href="#">登录</a><span>|</span></li>
            <li><a href="#">注册</a><span>|</span></li>
            <li><a href="#">消息通知</a></li>
            <li class="cart">
                <a href="#"><i class="iconfont">&#xe601;</i>购物车（0）</a>
                <div class="hidden_cart">购物车中还没有商品，赶紧选购吧！</div>
            </li>
        </ul>
    </div>
</div>
<!--黑色导航条结束-->
<!--白色导航开始-->
<div class="white_nav">
    <div class="wrap">
        <img src="images/logo-footer.png" alt="" class="logo"/>
        <!-- <img src="images/16366pclogoyuyue.gif" alt="" class="note5"/> -->
        <ul class="mi_nav">
            <li>
                <a href="#">Xiaomi手机</a>
                <div class="mi_nav_hidden"></div>
            </li>
            <li>
                <a href="#">REDMI手机</a>
                <div class="mi_nav_hidden"></div>
            </li>
            <li><a href="#">电视</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">平板</a></li>
            <li><a href="#">家电</a></li>
            <li><a href="#">路由器</a></li>
            <li><a href="#">服务中心</a></li>
            <li><a href="#">社区</a></li>
            <li class="search">
                <input type="text"/>
                <button class="iconfont">&#xe622;</button>
            </li>
        </ul>
    </div>
</div>
<!--白色导航结束-->
<!--轮播图开始-->
<div class="wrap carousel">
    <div class="hdm">
        <ul>
            <li>
                <a href="#">手机</a><i class="iconfont">&#xe602;</i>
                <div class="hdm_hidden">手机</div>
            </li>
            <li>
                <a href="#">电视</a><i class="iconfont">&#xe602;</i>
                <div class="hdm_hidden">电视</div>
            </li>
            <li><a href="#">家电</a><i class="iconfont">&#xe602;</i></li>
            <li><a href="#">笔记本 平板 显示器</a><i class="iconfont">&#xe602;</i></li>
            <li><a href="#">出行 穿戴</a><i class="iconfont">&#xe602;</i></li>
            <li><a href="#">耳机 音箱</a><i class="iconfont">&#xe602;</i></li>
            <li><a href="#">健康 儿童</a><i class="iconfont">&#xe602;</i></li>
            <li><a href="#">生活 箱包</a><i class="iconfont">&#xe602;</i></li>
            <li><a href="#">智能 路由器</a><i class="iconfont">&#xe602;</i></li>
            <li><a href="#">电源 配件</a><i class="iconfont">&#xe602;</i></li>
        </ul>
    </div>
    <div class="prev"></div>
    <div class="next"></div>
</div>
<!--轮播图结束-->
<!--小米广告开始-->
<div class="wrap ad">
    <ul>
        <li class="before"><i class="iconfont">&#xe60a;</i><br/>保障服务</li>
        <li class="before two"><i class="iconfont">&#xe646;</i><br/>企业团购</li>
        <li class="before"><i class="iconfont">&#xe60d;</i><br/>F码通道</li>
        <li><i class="iconfont">&#xe60f;</i><br/>米粉卡</li>
        <li class="two"><i class="iconfont">&#xe94a;</i><br/>以旧换新</li>
        <li><i class="iconfont">&#xe618;</i><br/>话费充值</li>
    </ul>
    <img src="images/手机3.png" alt=""/>
    <img src="images/电视1.png" alt=""/>
    <img src="images/手表1.png" alt=""/>
</div>
<!--小米广告结束-->


</body>
</html>